<!--
 * @Author: yanbb
 * @Date: 2021-05-12 16:53:39
 * @LastEditors: chenky
 * @LastEditTime: 2021-05-12 17:57:05
 * @Description: file content
-->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body></body>
</html>
<!-- rollup 工程打包工具 打包工具 打包js -->
<!-- render > template > el -->
<!-- 
1. 获取template 
2. template->AST树 
3. AST-> render函数 _c -v -s
4. render函数 -> 虚拟节点
5. 设置patch -> 打补丁到真实DOM 

ast 抽象语法树
{
    tag:'div',
    type:1,
    atrrs:[{name: id, value:'app'}],
    children:[]
}
虚拟dom 描述dom节点
v-for dom是没有的
ast 将这些浏览器不识别的东西，解析为功能
-->
